<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title> 气度网 - 气度如水</title>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link type="text/css" rel="stylesheet" href="${ctx}/css/index_baike.css" >
    <link rel="stylesheet" href="${ctx}/js/editor/jquery.wysiwyg.css" type="text/css"/> 
	<link rel="stylesheet" href="${ctx}/js/editor/help/lib/ui/jquery.ui.all.css" type="text/css"/> 
	<link rel="stylesheet" href="${ctx}/js/editor/help/lib/ui/jquery.ui.dialog.css" type="text/css"/> 
	<!--<link rel="stylesheet" href="${ctx}/js/editor/help/lib/blueprint/ie.css" type="text/css" media="screen, projection" />-->
	<script type="text/javascript" src="${ctx}/js/editor/help/lib/jquery.js"></script> 
	<script type="text/javascript" src="${ctx}/js/editor/jquery.wysiwyg.js"></script> 
	<script type="text/javascript" src="${ctx}/js/editor/help/lib/ui/jquery.ui.core.js"></script> 
	<script type="text/javascript" src="${ctx}/js/editor/help/lib/ui/jquery.ui.widget.js"></script> 
	<script type="text/javascript" src="${ctx}/js/editor/help/lib/ui/jquery.ui.position.js"></script> 
	<script type="text/javascript" src="${ctx}/js/editor/help/lib/ui/jquery.ui.dialog.js"></script> 
	<script type="text/javascript" src="${ctx}/js/editor/controls/wysiwyg.image.js"></script> 
	<script type="text/javascript" src="${ctx}/js/editor/controls/wysiwyg.table.js"></script> 
	<script type="text/javascript" src="${ctx}/js/editor/controls/wysiwyg.link.js"></script> 
    
    <script type="text/javascript"> 
    (function($) {
        $(document).ready(function() {
            $('#detail').wysiwyg({
                autoload: false,
                controls: {
                "html": {visible: true}
                }
            });
        });
    })(jQuery);
    </script>
</head>
<body>
<div id="container">
	<!-- 头部 -->
	<%@ include file="header.jsp"%>
 	<%@ include file="baike_header.jsp"%>
	<!-- 内容 -->    
    <div id="body_dom">
    	<!-- part 1 left -->   	
    	<s:if test="opt == 1">
    	<form action="${ctx}/baike/public" method="post" enctype ="multipart/form-data">
        <div class="part_1">
        	<!-- level 1 标题、图片、简介-->
            <div class="part_11">
                <div class="info_title_input"><s:property value="baike.baikeWord" /></div>
                <div class="info_sumary_input">
                	<div>词条简介:</div>
                    <div>
                    	<textarea id="summary" name="baike.baikeSummary"><s:property value="baike.baikeSummary" /></textarea>
                    </div>
                </div>
                <div class="upload">
                	所属类别：
                    <select name="baike.baikeType">
                    	<s:iterator value="#session.baikeMenu"  var="sort">
                    		<option value="<s:property value="#sort.typeCode" />"><s:property value="#sort.typeName" /></option>                    	
                    	</s:iterator>
                    </select>
                </div>
                <div class="upload">
					<input type="file" name="myFile" accept="image/gif, image/jpeg"/> <font color="red">图片规格：不大于100KB，200X200的jpg或gif格式图片</font>
                </div>
            </div>
            <!-- level 2 主要内容-->
            <div class="part_12">
            	<div class="baike_detail">
                	<div class="exp">在这里编辑具体内容:<br></div>
                	<div><textarea id="detail" name="baike.baikeDesc"></textarea></div>
            		<div class="clear"></div>
                </div>
            </div>
            <!-- level 3 分类简介 -->
            <div class="part_13">
            	<div class="btn"><input type="submit" value="+提交创建词条"/></div>
            </div>
        </div>
        </form>
		</s:if>
    	<!-- part 1 left -->   	
    	<s:elseif test="opt == 2">
    	<form action="#" method="post">
        <div class="part_1">
        	<!-- level 1 标题、图片、简介-->
            <div class="part_11">
                <div class="info_title_input"><s:property value="baike.baikeWord" /></div>
                <div class="info_sumary_input">
                	<div>词条简介:</div>
                    <div>
                    	<textarea id="summary" name="baike.baikeSummary"><s:property value="baike.baikeSummary" /></textarea>
                    </div>
                </div>
            </div>
            <!-- level 2 主要内容-->
            <div class="part_12">
            	<div class="baike_detail">
                	<div class="exp">在这里编辑具体内容:<br></div>
                	<div><textarea name="baike.baikeDesc" id="detail"><s:property value="baike.baikeDesc" /></textarea></div>
            		<div class="clear"></div>
                </div>
            </div>
            <!-- level 3 分类简介 -->
            <div class="part_13">
            	<div class="btn"><input type="submit" value="+提交编辑词条"/></div>
            </div>
        </div>
        </form>
		</s:elseif>
		<s:else>
			系统异常，请<a href="${ctx}/baike/index">返回百科主页</a>
		</s:else>
    	<!-- part 2 right -->
        <div class="part_2">
        	<!-- level 1 -->
            <div class="level_1">
            	<div class="title">词条概况</div>
                <div class="detail">
                	<div class="info">
                   		该词条已经被浏览<font color="#FF0000">999999</font>次，赶紧加入知识的行列吧！
                    </div>
                    <div class="info2">
                    	<a href="${ctx}/baike/create">+ 创建词条</a>
                    </div>
                </div>
            </div>
            <!-- 公告区 -->
            <div class="level_4">
            	<div class="title">公告栏</div>
                <div class="detail">
                    <div class="info">
                       如何编辑：<br>
                       已收录词条<font color="#FF0000">999999</font>条
                    </div>
                </div>    
            </div>
             <!-- level 3 广告 -->
            <div class="level_3">
            	<div class="ad"><a href="#"><img src="${ctx}/image/ad/company_5.jpg" title="广告"></a></div>
                <div class="ad"><a href="#"><img src="${ctx}/image/ad/company_4.gif" title="广告"></a></div>
                <div class="ad"><a href="#"><img src="${ctx}/image/ad/company_3.jpg" title="广告"></a></div>
            </div>
            <!-- 广告推广 -->
            <div class="level_5">
            	<div class="title"><a href="#">淘宝网 淘！我喜欢</a></div>
                <div class="detail">
                    <div class="info">
                       淘宝网，淘宝淘宝网，淘宝网淘宝网，淘宝网淘宝网，淘宝网网
                    </div> 
                </div>   
            </div>
            <!-- 广告推广 -->
            <div class="level_5">
            	<div class="title"><a href="#">淘宝网 淘！我喜欢</a></div>
                <div class="detail">
                    <div class="info">
                       淘宝网，淘宝淘宝网，淘宝网淘宝网，淘宝网淘宝网，淘宝网网
                    </div> 
                </div>
            </div>
            <!-- 广告推广 -->
            <div class="level_5">
            	<div class="title"><a href="#">淘宝网 淘！我喜欢</a></div>
                <div class="detail">
                    <div class="info">
                       淘宝网，淘宝淘宝网，淘宝网淘宝网，淘宝网淘宝网，淘宝网网
                    </div> 
                    <div class="title"><a href="#">qeado广告推广</a></div> 
                </div> 
            </div>
        </div>               
	</div>
    <!-- 尾部 -->
	<%@ include file="tail.jsp"%>
</div>   
</body>
</html>
